//全局公用样式
@import './element-variables.scss';
@import './variables.scss';
.card-width{
  width:100%;
}
.vjs-big-play-button{
  left: 50% !important;
  top: 50% !important;
  margin-left: -45px;
  margin-top: -25px;
}
.head-container{
  margin-bottom: 20px;
}
.card-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.button-on-margin{
  margin:0!important;
}
.margin-top{
  margin-top:$gap;
}
.margin-bottom{
  margin-bottom:$gap;
}
.margin-left{
  margin-left:$gap;
}
.margin-right{
  margin-right:$gap;
}
.margin-top-mini{
  margin-top:$gap-mini;
}
.margin-bottom-mini{
  margin-bottom:$gap-mini;
}
.margin-left-mini{
  margin-left:$gap-mini;
}
.margin-right-mini{
  margin-right:$gap-mini;
}
.search-input-width{
  width: $inputWidthS!important;
}
.cursor-move{
  cursor: move!important;
}
.cursor-pointer{
  cursor: pointer!important;
}
.theme-success-background{
  background: $--color-success;
}
.theme-success-color{
  color: $--color-success;
}
.theme-success-border{
  border:1px solid $--color-success;
}
.theme-info-border{
  border:1px solid #e6ebf5;
}
.theme-success-border-bottom{
  border-bottom:1px solid $--color-success;
}
.theme-info-border-bottom{
  border-bottom:1px solid #e6ebf5;
}
.theme-warning-color{
  color: $--color-warning;
}
.theme-error-color{
  color: $--color-danger;
}
.theme-info-color{
  color:#9e9e9e;
}
.el-input-width {
  width: 80%;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}